<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">
		<script src="../../public/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="style.css">
		<script src="../../public/js/vue.js"></script>
		<script src="../../public/js/jquery.min.js"></script>
		<script src="../../public/js/bootstrap.min.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		<title>会员营销软件、会员营销工具、店铺CRM_生意专家</title>
		
	</head>
	<body>
		<div id="nav"></div>
		
		 <div class="model model3">
      	<div class="text-center" id="model">
      		<h1 style="color: white;font-size: 55px">玩转营销</h1>
      		<h6 style="color: white;font-size: 30px">从最简单的方式开始</h6>
      		<a href="" class="btn btn-large" style=" color:#44398a;background-color:white;font-family: 'microsoft yahei';">立即注册</a>
      	</div>
      </div>
      
	<div id="web"class="bg-grey" style="margin-top:40px;display: block;height: 430px;border-bottom: 1px solid rgb(230,230,230);">
     <div class="detiles text-center " >
     	<h3 style="text-align:center;margin-bottom:50px;">钱  , 就是这么赚来的 !</h3>
     	
     	<div class="col-xs-3 colm">
	  		 <img src="../../public/images/会员营销/s4.png" alt="" width="70px" style="margin-bottom:10px;">  		
	         <h6>优惠券</h6>
	         <p>最简单高效的营销方式,以看得见的</p>
	         <p>实惠引爆顾客购买欲。</p>
	         <a style="color: rgb(20, 130, 243)">了解详情</a>  
  		</div>  	
  		<div class="col-xs-9" >
  			<div class="col-xs-3 colm" v-for='item in intrs' style="width: 293px;">
	  		 <img :src="item.img" alt="" width="70px" style="margin-bottom:10px;">
	  		 <hr :style='{borderBottom:item.color,opacity:item.opacity}'/>	  		
	         <h6>{{item.h5}}</h6>
	         <p>{{item.p}}</p>
	         <p>{{item.p2}}</p>
	         <a style="color: rgb(20, 130, 243)">{{item.a}}</a>  
  		</div>
  	  </div>
  	</div>
</div>	

<div class="step">
	<div class="h3"><h3>就这样   , 生意来了 ！</h3></div>
	<div class="col-xs-7">
		<img src="../../public/images/会员营销/step_01.png" style="width: 665px;height: 425px;margin-top: 40px;"/>
	</div>
	<div class="col-xs-5">
		<p>顾客在朋友圈分享你的优惠券,<br />朋友领券，变成你的顾客!</p>
		<a href="">进一步了解优惠券 ></a>
	</div>
	<div class="col-xs-6">
		<div class="step2">
			<p>发条营销短信:优惠券即将到期啦 ！<br />吸引潜在顾客。</p>
		    <a href="">进一步了解短信营销 ></a>
		</div>
	</div>
	<div class="col-xs-6" style="margin-top: -90px;">
		<img src="../../public/images/会员营销/step_02.png" style="width: 495px;height: 477px;margin-left: 75px;"/>
	</div>
	<div class="col-xs-8" style="padding: 0px;margin-top:10px;">
		<img src="../../public/images/会员营销/step_03.png"/ style="margin-top:30px;">
	</div>
	<div class="col-xs-4">
		<div class="step3">
			<p>顾客进店消费,<br />顺便关注你的微信公众号。</p>
			<a href="">进一步了解微信营销</a>
		</div>
	</div>
	<div class="clear"></div>
	<div class="col-xs-3" style="padding-right: 0px;padding-left: 30px;">
		<div class="step4">
			<p>从微信公众号进入手机橱窗，顾客<br />直接网上选购。</p>
			<a href="">进一步了解手机橱窗</a>
		</div>
	</div>
	<div class="col-xs-9" style="margin-bottom: 30px;">
		<img src="../../public/images/会员营销/step_04.png" style="margin-top: 30px;"/>
	</div>
</div>
<div class='clear'></div>
<div id="footer1"></div>
<div id="footer2"></div>

<script src="nav.js"></script>
  <script>
		$('#nav').load('nav.html')	
		$('#footer1').load('footer1.html')
		$('#footer2').load('footer2.html')
		
		var app = new Vue({
		el:'#web',
		data:
		{
			intrs:[
				{
					img:'../../public/images/会员营销/s1.png',
					h5:'短信促销',
					p:'任何促销活动,包括赠送优惠券,都能通过',
					p2:'一条营销短信,瞬间到达所有会员。',
					a:'了解详情',
					color:'2px solid #66ccff',
					opacity:0
				},
				{
					img:'../../public/images/会员营销/s3.png',
					h5:'手机橱窗',
					p:'通过手机,顾客不仅能选购你的商品,还能',
					p2:'领取优惠券,到店享受优惠。',
					a:'了解详情',
					color: '2px solid #946afd',
					opacity:0
				},
				{
				    img:'../../public/images/会员营销/s2.png',
					h5:'微信营销',
					p:'关注你的微信公众号,顾客就能选购你的商品、',
					p2:'领取优惠券',
					a:'了解详情',
					color:'2px solid #67c978',
					opacity:0
				}
			]
		}	
	})
			$('.colm').hover(function()
			{
				$(this).find('hr').css({'opacity':'1',"transition":'all 0.3s'})
				},function(){
					$('hr').css('opacity','0')
			})		
		</script>
	</body>
</html>
